@import "_function";

.shopcart-page{
header{
  .bc(#cf4cff);
  .p(0,30,0,30);
  .oh();
  .back{
    .fl;
    background: url("../img/order_back.png") no-repeat;
    .bgs(27,44);
    .w(27);
    .h(44);
    .m(22,0,22,10);
  }
  h1{
    .fl;
    .lh(88);
    .w(584);
    .c(#fff);
    .fs(30);
    .tc;
    em{
      .fs(30);
    }
  }
  .more{
    .fl;
    .fs(30);
    .lh(88);
    .c(#fff);
  }
}
footer{
  .bc(#ebb2ff);
  .w(690);
  .db();
  .h(98);
  .pf();
  bottom: 0;left: 0;
  .p(0,30,0,30);
  .option1 i{
    background: url("../img/order_f_index.png")no-repeat;
    .bgs(52,46);
    .w(52);
    .h(46);
  }
  .option2 i{
    background: url("../img/home_f_class.png")no-repeat;
    .bgs(46,46);
    .w(46);
    .h(46);
  }
  .option3 i{
    background: url("../img/shop_cart_f.png")no-repeat;
    .bgs(51,46);
    .w(51);
    .h(46);
  }
  .option4 i{
    background: url("../img/home_f_user.png") no-repeat;
    .bgs(40,46);
    .w(40);
    .h(46);
  }
  .option1,.option2,.option3,.option4{
    .fl();
    .w(78);
    .mt(8);
    i{
      .db();
      margin: 0 auto;
    }
    b{
      .db();
      .tc();
      .lh(24);
      .w(78);
      .fs(20);
      .mt(10);
      .c(#333333);
    }
  }
  div~div{
    .ml(126);
  }
}

.list{
  .p(0,30,200,30);
  li{
    .mt(30);
    .oh;
    .check{
      .fl;
      .w(20);
      .h(20);
      .bdr(10);
      border: 1px solid #666666;
    }
    .on{
      .bc(#666666);
    }
    img{
      .fl;
      .ml(14);
      .w(198);
      .h(198);
      border: 1px solid #666666;
    }
    .title{
      .fl;
      .ml(18);
      .w(430);
      .c(#d666ff);
      .lh(42);
      .fs(24);
    }
    .price {
      .fl;
      .ml(18);
      .mt(36);
      .w(430);
      .c(#ff3352);
      .fs(24);
      .lh(30);
      em{
        .fs(30);
      }
    }
    .amount{
      .fl;
      .ml(18);
      .mt(10);
      .w(122);
      .oh;
      border: 1px solid #666666;
      i{
        .fl;
        .w(29);
        .tc;
        .lh(32);
        .fs(30);
      }
      input{
        outline: none;
        .fl;
        .w(58);
        .h(28);
        .lh(28);
        .fs(28);
        .tc;
        border: none;
        background: transparent;
      }
      .reduce{
        border-right: 1px solid #666666;
      }
      .add{
        border-left: 1px solid #666666;
      }
    }
  }

}
.total{
  .pf;
  .l(0);
  .b(98);
  width: 100%;
  .h(96);
  .bc(#fff);
  border-top: 1px solid #cccccc;
  .oh;
  .check-all{
    .ml(30);
    .mt(38);
    .fl;
    .w(20);
    .h(20);
    .bdr(10);
    border: 1px solid #666666;
  }
  .on{
    .bc(#666666);
  }
  b{
    .fl;
    .lh(96);
    .ml(10);
    .fs(24);
    .c(#747474)
  }
  .price{
    .fr;
    .lh(96);
    .c(#333333);
    .fs(30);
    .mr(20);
  }
  .submit{
    .fr;
    .w(180);
    .bc(#cf4cff);
    .lh(96);
    .tc;
    .fs(30);
    .c(#fff);
  }
}
}